<style>
    #accidentAlerts-edit .deleteBtn {
        width: 15px;
        height: 16px;
        border: 2px solid #ccc;
        border-radius: 50%;
        text-align: center;
        line-height: 15px;
        font-size: 15px;
        cursor: pointer;
        background: red;
        color: #fff;
        z-index: 9;
    }

    #accidentAlerts-edit .file-flex {
        position: relative;
        display: flex;
        align-items: center;
        bottom: -9px;
    }

    #accidentAlerts-edit .fileName {
        height: 20px;
        line-height: 20px;
        color: #2D8CF0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        padding-right: 5px;
        cursor: pointer;
    }
    #accidentAlerts-edit .bottom {
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 50px;
        line-height: 50px;
        background-color: #F8F8F8;
        border-top: 1px solid #eee;
    }
</style>
<div class="febs-container" id="accidentAlerts-edit">
    <div class="febs-open-body">
        <form class="layui-form" action="" lay-filter="accidentAlerts-edit-form">
            <div class="layui-form-item febs-hide">
                <label class="layui-form-label febs-form-item-require">主键：</label>
                <div class="layui-input-block">
                    <input type="text" name="alertsId" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label febs-form-item-require">警报主题：</label>
                <div class="layui-input-block">
                    <input type="text" name="alertsTitle" autocomplete="off" class="layui-input" lay-verify="required"
                           maxlength="255" placeholder="请输入警报主题">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <label class="layui-form-label febs-form-item-require">发布时间：</label>
                        <div class="layui-input-block">
                            <input type="text" name="publishDate" id="publishDate" class="layui-input" autocomplete="off" placeholder="请选择发布时间" lay-verify="datetime|required">
                        </div>
                    </div>
                    <div class="layui-col-xs6">
                        <label class="layui-form-label febs-form-item-require">截至时间：</label>
                        <div class="layui-input-block">
                            <input type="text" name="deadlineDate" id="deadlineDate" class="layui-input" autocomplete="off" placeholder="请选择截至时间" lay-verify="datetime|required">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs4">
                        <label class="layui-form-label febs-form-item-require">警报类型：</label>
                        <div class="layui-input-block">
                            <input type="radio" name="alertsType" title="系统内" value="1" checked>
                            <input type="radio" name="alertsType" title="系统外" value="2">
                        </div>
                    </div>
                    <div class="layui-col-xs4">
                        <label class="layui-form-label">是否发布：</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="status" lay-skin="switch" lay-text="是|否">
                        </div>
                    </div>
                    <div class="layui-col-xs4">
                        <label class="layui-form-label ">是否置顶:</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="topFlg" lay-skin="switch" lay-text="置顶|不置顶">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label febs-form-item-require">警报内容：</label>
                <div class="layui-input-block" >
                     <textarea name="alertsContent" id="alertsContent" class="layui-textarea" aria-hidden="true"></textarea>
                </div>
            </div>
            <div class="layui-col-xs12">
                <div class="layui-form-item">
                    <label class="layui-form-label">附件上传：</label>
                    <div class="layui-input-block" id="uploadBtn">
                    </div>
                </div>
            </div>
            <div class="layui-form-item febs-hide">
                <button class="layui-btn" lay-submit="" lay-filter="accidentAlerts-edit-form-submit" id="submit"></button>
                <button type="reset" class="layui-btn" id="reset"></button>
            </div>
        </form>
    </div>
</div>
<script data-th-inline="javascript">
    var accidentAlertsData = [[${accidentAlerts}]];
</script>
<script th:src="@{/febs/js/accidentAlerts/accidentAlertsEdit.js(v=1)}"></script>